﻿@page "/panel"
@page "/docs/guides/components/panel.html"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    Panel
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    Demonstration and configuration of the Radzen Blazor <strong>Panel</strong> component.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    This demo shows a panel container with customizable header, body, and summary templates using <code>HeaderTemplate</code>, <code>ChildContent</code>, and <code>SummaryTemplate</code>, along with collapsible functionality controlled by <code>AllowCollapse</code> and expand/collapse event callbacks.
</RadzenText>

<RadzenText TextStyle="TextStyle.Body1" class="rz-mb-8">
    Use <code>&lt;HeaderTemplate &gt;</code>, <code>&lt;ChildContent &gt;</code> and <code>&lt;SummaryTemplate &gt;</code> to define custom content for Panel component parts. Use <code>AllowCollapse</code> property to allow expand/collapse and <code>Expand</code> and <code>Collapse</code> callbacks to catch if Panel component is expanded or collapsed.
</RadzenText>
<RadzenExample ComponentName="Panel" Example="PanelConfig">
    <PanelConfig />
</RadzenExample>
